<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./vue.js"></script>
    <script>
        const obj = {
          id:9,
          uname: 'zs',
          age: 18,
          hobbit: ['抽烟', '喝酒', '烫头'],
          obj2:{
            id:10,
            uname:"ls",
            age:28,
            hobbit:['吃饭','睡觉','敲代码']
          }
        }

        const {id,uname,age,hobbit:[smoke,drink,perm],obj2:{id:ids,uname:unames,age:ages,hobbit:[eat,sleep,code]}} = obj
        console.log(id);
        console.log(uname);
        console.log(age);
        console.log(smoke);
        console.log(drink);
        console.log(perm);
        console.log(ids);
        console.log(unames);
        console.log(ages);
        console.log(eat);
        console.log(sleep);
        console.log(code);
    </script>
</body>
</html>